<template>
  <div class="Pop" v-show="popup">
	<h3>修改-{{date.userName}}</h3>
      
         
    <div class="pop-1">
      <el-tabs v-model="activeName" type="card">
        <el-tab-pane label="基本配置" name="first">
          <table>
            <tbody>
              <tr>
                <th>用户名</th>
                <td>{{date.userName}}</td>
              </tr>
              <tr>
                <th>审核</th>
                <td>
                <input type="radio" id="one" value="1" v-model="cache">
                 <label for="1">已审核</label>
                 <input type="radio" id="two" value="0" v-model="cache">
                 <label for="0">未审核</label></td>
              </tr>
              <tr>
              <th>首页推荐</th>
              <td>
               <input type="radio" id="one" value="1" v-model="cache">
                 <label for="1">是</label>
                 <input type="radio" id="two" value="0" v-model="cache">
                 <label for="0">否</label>
              </td>
              </tr>
              <tr>
              <th>是否签约</th>
              <td>
               <input type="radio" id="one" value="1" v-model="cache">
                 <label for="1">已签约</label>
                 <input type="radio" id="two" value="0" v-model="cache">
                 <label for="0">未签约</label>
                 <input type="radio" id="two" value="2" v-model="cache">
                 <label for="0">审核中</label>
              </td>
              </tr>
              <tr>
                <th>直播权限</th>
                <td>
                  <input type="radio" id="one" value="1" v-model="cache">
                    <label for="1">有</label>
                    <input type="radio" id="two" value="0" v-model="cache">
                    <label for="0">无</label>
                </td>
              </tr>
              <tr>
                <th>当前状态</th>
                <td>
                <input type="radio" id="one" value="1" v-model="cache">
                    <label for="1">直播中</label>
                    <input type="radio" id="two" value="0" v-model="cache">
                    <label for="0">无直播</label><br>
                    <font color="#FF6600" size="1">此项参数仅在前台直播状态不正常的时候修改</font>
                </td>
              </tr>
              <tr>
                <th>房间容纳</th>
                <td><input type="text" value="1" v-model="cache" size="5">人</td>
              </tr>
              <tr>
                  <th>虚拟游客	</th>
                  <td><input type="text" value="1" v-model="cache" size="5">人</td>
              </tr>
              <tr>
                <th>服务器</th>
                <td></td>
              </tr>
              <tr>
                <th>代理人</th>
                <td><input type="text" value="1" v-model="cache" size="5"></td>
              </tr>
              <tr>
                <th>是否虚拟观众</th>
                <td>
                <input type="radio" id="one" value="1" v-model="cache">
                 <label for="1">是</label>
                 <input type="radio" id="two" value="0" v-model="cache">
                 <label for="0">否</label></td>
              </tr>
              <tr>
                <th>VIP</th>
                <td>
                  <input type="radio" id="one" value="1" v-model="cache">
                    <label for="1">无VIP</label>
                    <input type="radio" id="two" value="0" v-model="cache">
                    <label for="0">至尊VIP</label>
                    <input type="radio" id="two" value="2" v-model="cache">
                    <label for="0">普通VIP</label>
                </td>
              </tr>
            </tbody>
          </table>

        </el-tab-pane>
        <el-tab-pane label="代理身份" name="second">
          <table>
            <tbody>
              <tr>
                <th>主播代理</th>
                <td>
                  <input type="radio" id="one" value="1" v-model="cache">
                    <label for="1">是</label>
                    <input type="radio" id="two" value="0" v-model="cache">
                    <label for="0">否</label>
                </td>
              </tr>
              <tr>
                <th>充值代理</th>
                <td>
                  <input type="radio" id="one" value="1" v-model="cache">
                    <label for="1">是</label>
                    <input type="radio" id="two" value="0" v-model="cache">
                    <label for="0">否</label>
                </td>
              </tr>
            </tbody>
          </table>
        </el-tab-pane>
        <el-tab-pane label="管理权限" name="third">
          <table>
            <tbody>
              <tr>
                <th>直播管理员</th>
                <td>                  <input type="radio" id="one" value="1" v-model="cache">
                    <label for="1">是</label>
                    <input type="radio" id="two" value="0" v-model="cache">
                    <label for="0">否</label></td>
              </tr>
            </tbody>
          </table>
        </el-tab-pane>
        <el-tab-pane label="直播参数" name="fourth">
          <table>
            <tbody>
              <tr>
                <th>FPS</th>
                <td><input type="text" value="" size="5" v-model="cache"/></td>
              </tr>
              <tr>
                <th>最大比特率</th>
                <td><input type="text" value="" v-model="cache"/></td>
              </tr>
              <tr>
                <th>品质</th>
                <td><input type="text" v-model="cache"></td>
              </tr>
              <tr>
                <th>关键帧间隔</th>
                <td><input type="text" v-model="cache"></td>
              </tr>
              <tr>
                <th>分辨率高度</th>
                <td><input type="text" value="" v-model="cache"/></td>
              </tr>
              <tr>
                <th>分辨率宽度</th>
                <td><input type="text" name="" v-model="cache"></td>
              </tr>
            </tbody>
          </table>

        </el-tab-pane>
      </el-tabs>
    </div>
      <div class="Pop-button">
      <span><button>确定</button></span>
      <span> <button @click="close()">取消</button></span>
      </div>
  </div>

</template>

<script>
    export default {
      data() {
      return {
        activeName: 'first',
        cache:'',

      };
      },
      props:['popup','date'],
      methods:{
      close:function(){
          this.$emit('cancel')
      }
      }

      }
</script>

<style scoped>
  .Pop{
    width: 430px;
    height: 440px;
    position: fixed;
    top: 29%;
    left: 50%;
    background-color: #fff;
    border: 1px solid #666666;
    z-index: 6;
  }

  .pop-1{
    width: 389px;
    margin: auto;
    border: 1px solid #E4E7ED;
  }
  .pop-1 table{
   margin: auto;
   width: 92%;
  }
  .pop-1 th{
    text-align: right;
    width: 100px;
     border-bottom: 1px solid #eee;
     color: #777;
     font-weight: normal;
         padding-right: 10px;
  }
  .el-tabs__header{
    margin: 0 0 0 0;
  }
  .Pop-button{
    float: right;
    margin-top: 10px;
    margin-right: 5px;
  }
</style>
